﻿<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <link rel="icon" href="favicon.png" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="js/main.js"></script>
    <title>ToDoList—最简单的待办事项列表</title>
  </head>

  <body>
    <div id="app">
      <header>
        <section>
          <label for="title">{{ title }}</label>
          <input
            type="text"
            id="title"
            name="title"
            placeholder="添加ToDo"
            required="required"
            autocomplete="off"
          />
        </section>
      </header>

      <section>

        <h2>
          正在进行
          <span id="todocount">1</span>
        </h2>
        <ol id="todolist" class="demo-box">
          <li>
            <input type="checkbox" />
            <p>可恶 你玩不起</p>
            <a href="javascript:;"></a>
          </li>
        </ol>

        <h2>
          已经完成
          <span id="donecount">1</span>
        </h2>
        <ul id="donelist">
          <li>
            <input type="checkbox" checked />
            <p>打你咋啦 不服就哭</p>
            <a href="javascript:;"></a>
          </li>
        </ul>

      </section>
      <footer>
        Copyright &copy; 2014 todolist.cn
        <a href="javascript:;">clear</a>
      </footer>
    </div>
  </body>
</html>
